const pxtorem = require('postcss-pxtorem')

module.exports = {
  devServer: {
    proxy: {
      '/xiongmao': { // 当请求访问的 url 以 '/xiongmao' 开头，则代理到 target 目标服务器上
        target: 'http://www.xiongmaoyouxuan.com',
        changeOrigin: true,
        pathRewrite: {
          '^/xiongmao': '' // 将 /xiongmao 替换为 ''
        }
      },
      '/rap2': {
        target: 'http://rap2api.taobao.org/app/mock/283272',
        pathRewrite: {
          '^/rap2': ''
        }
      },
      // 如访问：/xiongmao/api/tab/1
      // 则代理为：http://www.xiongmaoyouxuan.com/xiongmao/api/tab/1
      // 经 pathRewrite 后：http://www.xiongmaoyouxuan.com/api/tab/1
      '/zs': {
        target: 'http://192.168.1.1',
        changeOrigin: true,
        pathRewrite: {
          '^/zs': ''
        }
      },
      '/ls': {
        target: 'http://192.168.1.5',
        changeOrigin: true,
        pathRewrite: {
          '^/ls': ''
        }
      }
    }
  },
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          pxtorem({
            rootValue: 37.5,
            propList: ['*', '!font*']
          })
        ]
      }
    }
  }
}
